layui.use('element', function() {
    showBar()
    var $ = layui.jquery,
        element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
    //一些事件监听
    element.on('tab(docDemoTabBrief)', function(data) {
        console.log(data);
        showBar()
    });

});

function showBar() {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('bar1'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '律师事务所区域分布图',
            left: 'center',
            subtext: '（总数：2065）',
            subtextStyle: {
                color: '#999'
            }
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
        },
        // legend: {
        //     data: ['销量']
        // },
        color: '#2CBC34',
        xAxis: {
            axisLine: {
                lineStyle: {
                    color: '#1178C9'
                }
            },
            axisLabel: {
                color: '#333'
            },
            data: ["杭州市", "宁波市", "温州市", "嘉兴市", "湖州市", "绍兴市", "金华市", "衢州市", "舟山市", "台州市", "丽水市"]
        },
        yAxis: {
            axisLine: {
                lineStyle: {
                    color: '#1178C9'
                }
            },
            axisTick: {
                show: false
            },
            splitLine: {
                show: false
            },
            splitArea: {
                show: true
            },
            axisLabel: {
                color: '#333'
            },
            name: '单位：家',
            nameTextStyle: {
                color: '#333'
            }
        },
        series: [{
            name: '',
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20, 5, 20, 36, 10, 10]
        }]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}